<template>
	<view class="container">
		<view class="ikz-top-bg">
			<image class="ikz-top-bg-img" :src="service_img"></image>
		</view>
		<view class="title_txt">
			<view class="tab-item" v-for="(item,index) in yuelist" :key="index" @click="hah(item,index)">
				<view :class="['tab-item', { selected: selectedIndices == index ? 'selected':''}]">
					{{ item.cate_name }}
				</view>
			</view>
		</view>
		<view class="mainbox">
			<view class="topbox">
				<view class="quanbudd" @click="topopquan">
					<view class="txt">
						{{cate_name?cate_name:'全部订单'}}
					</view>
					<image src="/static/login/downicon.png" style="width: 28rpx;height: 28rpx;" mode=""></image>
				</view>
				<view class="quanbu" @click="topopquanall">
					<view class="txt">
						{{ quanbucate_name?quanbucate_name:'全部' }}
					</view>
					<image src="/static/login/downicon.png"
						style="width: 28rpx;height: 28rpx;position: fixed;right: 60rpx;" mode=""></image>
				</view>
			</view>
			<scroll-view scroll-y :style="{ height: windowHeight }" @scrolltolower="onreachBottom">
				<view class="itembox" v-if="selectedIndices == 0"
					:style="{background:item.type === 7?backgroundcolor:backgroundcolorfff}"
					v-for="(item,index) in list" :key="index" @click="todetails(item,index)">
					<view class="topboxs">
						<view class="leftbox">
							<image src="/static/index/index_pt.png" v-if="item.type == 1"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_st.png" v-if="item.type == 2"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_cs.png" v-if="item.type == 3"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_kd.png" v-if="item.type == 4"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_kddj.png" v-if="item.type == 5"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_wn.png" v-if="item.type == 6"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/waimai.png" v-if="item.type == 7"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<view class="namebox">
								<view class="txt-txt">
									{{item.type == 1?'校园跑腿':item.type == 2?'食堂代买':item.type == 3?'超市代买':item.type == 4?'快递代取':item.type == 5?'快递代寄':item.type == 6?'万能帮':'外卖订单'}}
								</view>
								<view class="time-txt">
									{{$utils.timestampToTime(item.createtime)}}发布
								</view>
							</view>
						</view>

						<view class="leixing-txt" v-if=" item.status== 0">
							待跑腿接单
						</view>
						<view class="leixing-txt-jin" v-if="item.status == 1">
							订单进行中
						</view>
						<view class="leixing-txt-wan" v-if="item.status == 2">
							已完成
						</view>
						<view class="leixing-txt-qu" v-if="item.status == 3">
							订单已取消
						</view>
					</view>

					<view class="notesbox">
						<text style="font-weight: bold;color: #000;">备注：</text>
						<text class="notes">
							{{item.remarks}}
						</text>
					</view>

					<view class="line">

					</view>

					<view class="qubox">
						<view class="quhuobox" v-if="item.type < 6 || item.type > 7">
							<view class="qutxt">
								取
							</view>
							<view class="starsaddress">
								{{item.start}}
							</view>
						</view>

						<view class="leftline" v-if="item.type < 6 || item.type > 7">
						</view>

						<view class="shouhuobox" v-if="item.type < 6 || item.type > 7">
							<view class="shoutxt">
								寄
							</view>
							<view class="endaddress">
								{{item.destination}}
							</view>
						</view>

						<template v-if="item.type == 6">
							<view class="stattime">
								<text style="color: #AFAFAF;">开始时间：</text>
								<text>{{item.start}}</text>
							</view>

							<view class="endtime">
								<text style="color: #AFAFAF;">帮助地址：</text>
								<text>{{item.destination}}</text>
							</view>
						</template>

						<template v-if="item.type == 7">
							<view class="xiangqing">
								<text style="color: #AFAFAF;">商品详情：</text>
								<text>红烧牛肉面(单人餐)x1</text>
							</view>
						</template>

						<view class="qiwangbox" v-if="item.type == 7">
							<text style="color: #AFAFAF;">期望送达：</text>
							<text>{{item.hope_arrive}}</text>
						</view>
					</view>

					<view class="line">

					</view>

					<view class="bombox">
						<view class="leftprice">
							<text style="font-size: 30rpx;">￥</text>{{item.total_fee}}
						</view>
						<view class="jiedan" v-if="item.status == 0">
							接单
						</view>
					</view>
				</view>


				<view class="itembox" v-if="selectedIndices == 1"
					:style="{background:item.type === 7?backgroundcolor:backgroundcolorfff}"
					v-for="(item,index) in list" :key="index" @click="todetails(item,index)">
					<view class="topboxs">
						<view class="leftbox">
							<image src="/static/index/index_pt.png" v-if="item.type == 1"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_st.png" v-if="item.type == 2"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_cs.png" v-if="item.type == 3"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_kd.png" v-if="item.type == 4"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_kddj.png" v-if="item.type == 5"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_wn.png" v-if="item.type == 6"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/waimai.png" v-if="item.type == 7"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<view class="namebox">
								<view class="txt-txt">
									{{item.type == 1?'校园跑腿':item.type == 2?'食堂代买':item.type == 3?'超市代买':item.type == 4?'快递代取':item.type == 5?'快递代寄':item.type == 6?'万能帮':'外卖订单'}}
								</view>
								<view class="time-txt">
									{{$utils.timestampToTime(item.createtime)}}发布
								</view>
							</view>
						</view>

						<view class="leixing-txt" v-if=" item.status== 1">
							待跑腿接单
						</view>
						<view class="leixing-txt-jin" v-if="code == 2">
							订单进行中
						</view>
						<view class="leixing-txt-wan" v-if="code == 3">
							已完成
						</view>
						<view class="leixing-txt-qu" v-if="code == 4">
							订单已取消
						</view>
					</view>

					<view class="notesbox">
						<text style="font-weight: bold;color: #000;">备注：</text>
						<text class="notes">
							<!-- 我是广东来的，大哥们行行好不要放辣椒!我怕我怕我怕我吃不得我吃不得我吃不得求求你 -->
							{{item.remarks}}
						</text>
					</view>

					<view class="line">

					</view>

					<view class="qubox">
						<view class="quhuobox" v-if="item.type < 6 || item.type > 7">
							<view class="qutxt">
								取
							</view>
							<view class="starsaddress">
								{{item.start}}
							</view>
						</view>

						<view class="leftline" v-if="item.type < 6 || item.type > 7">
						</view>

						<view class="shouhuobox" v-if="item.type < 6 || item.type > 7">
							<view class="shoutxt">
								寄
							</view>
							<view class="endaddress">
								{{item.destination}}
							</view>
						</view>

						<template v-if="item.type === 6">
							<view class="stattime">
								<text style="color: #AFAFAF;">开始时间：</text>
								<text>2024-05-06 15:24</text>
							</view>

							<view class="endtime">
								<text style="color: #AFAFAF;">结束时间：</text>
								<text>2024-05-06 15:24</text>
							</view>
						</template>

						<template v-if="item.type === 7">
							<view class="xiangqing">
								<text style="color: #AFAFAF;">商品详情：</text>
								<text>红烧牛肉面(单人餐)x1</text>
							</view>
						</template>

						<view class="qiwangbox">
							<text style="color: #AFAFAF;">期望送达：</text>
							<text>{{item.hope_arrive}}</text>
						</view>
					</view>

					<view class="line">

					</view>

					<view class="bombox">
						<view class="leftprice">
							<text style="font-size: 30rpx;">￥</text>{{item.total_fee}}
						</view>
						<view class="jiedan" v-if="code == 1">
							接单
						</view>
					</view>
				</view>

				<view class="itembox" v-if="selectedIndices == 2"
					:style="{background:item.type === 7?backgroundcolor:backgroundcolorfff}"
					v-for="(item,index) in list" :key="index" @click="todetails(item,index)">
					<view class="topboxs">
						<view class="leftbox">
							<image src="/static/index/index_pt.png" v-if="item.type == 1"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_st.png" v-if="item.type == 2"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_cs.png" v-if="item.type == 3"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_kd.png" v-if="item.type == 4"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_kddj.png" v-if="item.type == 5"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/index_wn.png" v-if="item.type == 6"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<image src="/static/index/waimai.png" v-if="item.type == 7"
								style="width: 64rpx;height: 64rpx;" mode=""></image>
							<view class="namebox">
								<view class="txt-txt">
									{{item.type == 1?'校园跑腿':item.type == 2?'食堂代买':item.type == 3?'超市代买':item.type == 4?'快递代取':item.type == 5?'快递代寄':item.type == 6?'万能帮':'外卖订单'}}
								</view>
								<view class="time-txt">
									{{$utils.timestampToTime(item.createtime)}}发布
								</view>
							</view>
						</view>

						<view class="leixing-txt" v-if=" item.status== 1">
							待跑腿接单
						</view>
						<view class="leixing-txt-jin" v-if="code == 2">
							订单进行中
						</view>
						<view class="leixing-txt-wan" v-if="code == 3">
							已完成
						</view>
						<view class="leixing-txt-qu" v-if="code == 4">
							订单已取消
						</view>
					</view>

					<view class="notesbox">
						<text style="font-weight: bold;color: #000;">备注：</text>
						<text class="notes">
							{{item.remarks}}
						</text>
					</view>

					<view class="line">

					</view>

					<view class="qubox">
						<view class="quhuobox" v-if="item.type < 6 || item.type > 7">
							<view class="qutxt">
								取
							</view>
							<view class="starsaddress">
								{{item.start}}
							</view>
						</view>

						<view class="leftline" v-if="item.type < 6 || item.type > 7">
						</view>

						<view class="shouhuobox" v-if="item.type < 6 || item.type > 7">
							<view class="shoutxt">
								寄
							</view>
							<view class="endaddress">
								{{item.destination}}
							</view>
						</view>

						<template v-if="item.type === 6">
							<view class="stattime">
								<text style="color: #AFAFAF;">开始时间：</text>
								<text>2024-05-06 15:24</text>
							</view>

							<view class="endtime">
								<text style="color: #AFAFAF;">结束时间：</text>
								<text>2024-05-06 15:24</text>
							</view>
						</template>

						<template v-if="item.type === 7">
							<view class="xiangqing">
								<text style="color: #AFAFAF;">商品详情：</text>
								<text>红烧牛肉面(单人餐)x1</text>
							</view>
						</template>

						<view class="qiwangbox">
							<text style="color: #AFAFAF;">期望送达：</text>
							<text>{{item.hope_arrive}}</text>
						</view>
					</view>

					<view class="line">

					</view>

					<view class="bombox">
						<view class="leftprice">
							<text style="font-size: 30rpx;">￥</text>{{item.total_fee}}
						</view>
						<view class="jiedan" v-if="code == 1">
							接单
						</view>
					</view>
				</view>
			</scroll-view>
		</view>
		<view class="" style="width: 100%;height: 156rpx;">

		</view>


		<ikz-tabbar :show-data="tabbar_Data"></ikz-tabbar>

		<uni-popup ref="popup" type="bottom" border-radius="10px 10px 0 0">
			<view class="allpop">
				<scroll-view scroll-y :style="{ height: '374rpx' }" @scrolltolower="onreachBottom">
					<view class="tab-item" v-for="(item,index) in alllist" :key="index" @click="all(item,index)">
						<view :class="['tab-item', { selected: allselectedIndices == index ? 'selected':''}]">
							{{ item.cate_name }}
						</view>
					</view>
				</scroll-view>
			</view>
		</uni-popup>

		<uni-popup ref="quanbupopup" type="bottom" border-radius="10px 10px 0 0">
			<view class="allpop">
				<view class="tab-item" v-for="(item,index) in quanbulist" :key="index" @click="quanbu(item,index)">
					<view :class="['tab-item', { selected: qaunbuselectedIndices == index ? 'selected':''}]">
						{{ item.cate_name }}
					</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	var app = getApp( );
	import ikz from '@/pages/Common/tools.js';
	import ikzTabbar from '@/pages/Component/Public/tab-bar/tab-bar.vue';
	export default {
		components: {
			ikzTabbar
		},
		data( ) {
			return {
				// 跑腿消息
				runStatus: 2,
				// 外卖消息
				supermarketStatus: 2,
				// 贴吧消息
				postsStatus: 2,
				postId: 0,
				tabbar_Data: {
					type: 0,
					list: [ ],
				},
				service_img: '/static/updata/messageimg.png',
				yuelist: [ {
					cate_name: '全部订单'
				}, {
					cate_name: '我的订单'
				}, {
					cate_name: '我接的单'
				} ],
				selectedIndices: 0,
				windowHeight: 0,
				status: 1, //1 校园跑腿  2 食堂代买  3 超市代买 4 快递代取 5 快递代寄 6 万能帮 7 外卖订单
				code: 1, //1 待跑腿接单 2 订单进行中 3 已完成 4 订单已取消
				backgroundcolor: 'linear-gradient( 180deg, #247EFF 0%, #B8D5FF 8%, #FFFFFF 21%, #FFFFFF 100%);',
				backgroundcolorfff: '#fff',
				alllist: [ {
					cate_name: '全部订单'
				}, {
					cate_name: '跑腿订单'
				}, {
					cate_name: '外卖订单'
				}, {
					cate_name: '校园跑腿'
				}, {
					cate_name: '食堂代买'
				} ],
				allselectedIndices: null,
				cate_name: '',
				quanbulist: [ {
					cate_name: '全部'
				}, {
					cate_name: '待接单'
				}, {
					cate_name: '进行中'
				} ],
				quanbuselectedIndices: null,
				quanbucate_name: '',
				page: 1,
				list: [ ],
				mylist:[]
			};
		},
		onLoad( ) {
			var _this = this
			uni.getSystemInfo( {
				success: function( res ) {
					_this.windowHeight = res.windowHeight - 162 + 'px';
					console.log( res, '屏幕高度' );
				}
			} )
		},
		onShow( ) {
			uni.hideTabBar( )
			this.tabbar_Data.list = app.globalData.tabBarInfo
			this.tabbar_Data.type = app.globalData.tabBarInfo.length - 2
			this.getinit( )
		},
		methods: {
			myjielist(){
				var path = '/xyb/order/order_pool';
				var data = {
					category: 'receive',
					agent_id: uni.getStorageSync( 'default_agent' ).id,
					page: this.page,
					limit: 10,
					token: uni.getStorageSync( 'local_user_session' )
				};
				ikz.requestPost( path, data, res => {
					console.log( res, '轮播图' );
					if ( res.data.code == 1 ) {
						this.list = res.data.data.data
					} else {
						uni.showModal( {
							title: '提示',
							content: '服务器繁忙，请稍后再试',
							showCancel: false,
							success: function( res ) {}
						} );
					}
				} );
			},
			getinit( ) {
				var path = '/xyb/order/order_pool';
				var data = {
					category: 'all',
					agent_id: uni.getStorageSync( 'default_agent' ).id,
					page: this.page,
					limit: 10,
					token: uni.getStorageSync( 'local_user_session' )
				};
				ikz.requestPost( path, data, res => {
					console.log( res, '轮播图' );
					if ( res.data.code == 1 ) {
						this.list = res.data.data.data
					} else {
						uni.showModal( {
							title: '提示',
							content: '服务器繁忙，请稍后再试',
							showCancel: false,
							success: function( res ) {}
						} );
					}
				} );
			},
			myinit( ) {
				var path = '/xyb/order/order_pool';
				var data = {
					category: 'user',
					agent_id: uni.getStorageSync( 'default_agent' ).id,
					page: this.page,
					limit: 10,
					token: uni.getStorageSync( 'local_user_session' )
				};
				ikz.requestPost( path, data, res => {
					console.log( res, '轮播图' );
					if ( res.data.code == 1 ) {
						this.mylist = res.data.data.data
					} else {
						uni.showModal( {
							title: '提示',
							content: '服务器繁忙，请稍后再试',
							showCancel: false,
							success: function( res ) {}
						} );
					}
				} );
			},
			todetails( item, index ) {
				uni.navigateTo( {
					url: "/pages/Message/messagedetails/messagedetails?id=" + item.id
					// url:"/pages/Component/Module/Campus/Program/Order/myorderdetail/index?id="+item.id
				} )
			},
			topopquanall( ) {
				this.$refs.quanbupopup.open( 'bottom' )
			},
			quanbu( item, index ) {
				console.log( item, index, '每一项' );
				this.quanbuselectedIndices = index
				this.quanbucate_name = item.cate_name
				this.$refs.quanbupopup.close( )

			},
			all( item, index ) {
				console.log( item, index, '每一项' );
				this.allselectedIndices = index
				this.cate_name = item.cate_name
				this.$refs.popup.close( )
			},
			hah( item, index ) {
				console.log( item, index, '每一项' );
				this.selectedIndices = index
				
				if(this.selectedIndices == 0){
					this.getinit( )
				}else if(this.selectedIndices == 1){
					this.myinit( )
				}else{
					this.myjielist()
				}
			},
			onreachBottom( e ) {
				console.log( e, 'ee' );
			},
			topopquan( ) {
				this.$refs.popup.open( 'bottom' )
			}
		}
	}
</script>

<style lang="scss">
	body {}

	.container {
		.allpop {
			width: 100%;
			height: 520rpx;
			background-color: #fff;
			border-radius: 10px 10px 0 0;
			padding: 30rpx;
			box-sizing: border-box;

			.title {
				width: 100%;
				height: 94rpx;
				font-weight: 400;
				font-size: 30rpx;
				color: #666666;
				text-align: center;
				border-bottom: 2rpx solid #F5F5F5;
			}

			.tab-item {
				width: 686rpx;
				height: 124rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #666666;

				.selected {
					/* 选中时的样式，比如背景色为红色 */
					color: #020001;
				}
			}
		}


		.ikz-top-bg {
			position: fixed;
			top: 0px;
			left: 0px;
			z-index: -1;
		}

		.ikz-top-bg-img {
			width: 750rpx;
			height: 180rpx;
		}

		.title_txt {
			width: 100%;
			height: 48rpx;
			margin: 130rpx auto 0px;
			z-index: 2;
			display: flex;
			align-items: center;
			padding-left: 30rpx;
			box-sizing: border-box;

			.tab-item {
				width: 168rpx;
				height: 50rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #067CFF;
				margin-bottom: 20rpx;
				margin-right: 30rpx;

				.selected {
					/* 选中时的样式，比如背景色为红色 */
					font-weight: bold;
					font-size: 32rpx;
					border-bottom: 3rpx solid #067CFF;
				}
			}
		}

		.mainbox {
			width: 100%;
			background-color: #f5f5f5;
			padding: 22rpx 30rpx;
			box-sizing: border-box;


			.topbox {
				width: 100%;
				height: 80rpx;
				display: flex;
				align-items: center;
				justify-content: space-around;
				margin-bottom: 30rpx;

				.quanbudd {
					width: 202rpx;
					height: 80rpx;
					background: #FFFFFF;
					border-radius: 16rpx 16rpx 16rpx 16rpx;
					display: flex;
					align-items: center;
					justify-content: center;

					.txt {
						width: 120rpx;
						height: 44rpx;
						font-weight: 400;
						font-size: 30rpx;
						color: #000000;
						text-align: center;
					}
				}

				.quanbu {
					width: 448rpx;
					height: 80rpx;
					background: #FFFFFF;
					border-radius: 16rpx 16rpx 16rpx 16rpx;
					display: flex;
					align-items: center;
					justify-content: center;

					.txt {
						width: 120rpx;
						height: 44rpx;
						font-weight: 400;
						font-size: 30rpx;
						color: #000000;
						text-align: center;
					}
				}
			}

			.itembox {
				width: 100%;
				min-height: 466rpx;
				background: #FFFFFF;
				border-radius: 20rpx 20rpx 20rpx 20rpx;
				margin-bottom: 24rpx;
				padding: 18rpx;
				box-sizing: border-box;
				position: relative;

				.topboxs {
					width: 100%;
					height: 64rpx;
					display: flex;
					align-items: center;


					.leftbox {
						width: 672rpx;
						height: 64rpx;
						display: flex;
						align-items: center;


						.namebox {
							width: 462rpx;
							height: 64rpx;
							margin-left: 10rpx;

							.txt-txt {
								width: 100%;
								height: 38rpx;
								font-weight: 500;
								font-size: 26rpx;
								color: #000000;
								text-align: left;
							}

							.time-txt {
								width: 100%;
								height: 34rpx;
								font-weight: 300;
								font-size: 22rpx;
								color: #AFAFAF;
								text-align: left;
							}
						}
					}

					.leixing-txt {
						width: 146rpx;
						height: 54rpx;
						background: #FF4F21;
						border-radius: 0rpx 20rpx 0rpx 20rpx;
						font-weight: 400;
						font-size: 22rpx;
						color: #FFFFFF;
						text-align: center;
						line-height: 54rpx;
						position: absolute;
						right: 0;
						top: 0;
					}

					.leixing-txt-jin {
						width: 146rpx;
						height: 54rpx;
						background: #B8D5FF;
						border-radius: 0rpx 20rpx 0rpx 20rpx;
						font-weight: 400;
						font-size: 22rpx;
						color: #247EFF;
						text-align: center;
						line-height: 54rpx;
						position: absolute;
						right: 0;
						top: 0;
					}

					.leixing-txt-wan {
						width: 146rpx;
						height: 54rpx;
						background: #AFAFAF;
						border-radius: 0rpx 20rpx 0rpx 20rpx;
						font-weight: 400;
						font-size: 22rpx;
						color: #FFFFFF;
						text-align: center;
						line-height: 54rpx;
						position: absolute;
						right: 0;
						top: 0;
					}

					.leixing-txt-qu {
						width: 146rpx;
						height: 54rpx;
						background: #AFAFAF;
						border-radius: 0rpx 20rpx 0rpx 20rpx;
						font-weight: 400;
						font-size: 22rpx;
						color: #FFFFFF;
						text-align: center;
						line-height: 54rpx;
						position: absolute;
						right: 0;
						top: 0;
					}
				}

				.notesbox {
					width: 654rpx;
					min-height: 48rpx;
					background: #F5F5F5;
					border-radius: 8rpx 8rpx 8rpx 8rpx;
					padding: 10rpx;
					box-sizing: border-box;
					margin-top: 26rpx;

					.notes {
						font-weight: 400;
						font-size: 26rpx;
						color: #999999;
						text-align: left;
					}
				}

				.line {
					width: 654rpx;
					height: 1rpx;
					background: #F5F5F5;
					margin: 22rpx auto;
				}

				.qubox {
					width: 100%;
					min-height: 96rpx;

					.quhuobox {
						width: 100%;
						height: 64rpx;
						display: flex;
						align-items: center;
						margin-bottom: 6rpx;

						.qutxt {
							width: 64rpx;
							height: 64rpx;
							background: #F5F5F5;
							border-radius: 16rpx 16rpx 16rpx 16rpx;
							text-align: center;
							line-height: 64rpx;
						}

						.starsaddress {
							// width: 220rpx;
							height: 44rpx;
							font-weight: 500;
							font-size: 30rpx;
							color: #000000;
							text-align: left;
							margin-left: 10rpx;
						}
					}

					.leftline {
						width: 80%;
						height: 48rpx;
						border-left: 2rpx dashed #AFAFAF;
						margin-left: 32rpx;
					}

					.shouhuobox {
						width: 100%;
						height: 64rpx;
						display: flex;
						align-items: center;
						margin-top: 6rpx;

						.shoutxt {
							width: 64rpx;
							height: 64rpx;
							background: #247EFF;
							border-radius: 16rpx 16rpx 16rpx 16rpx;
							text-align: center;
							line-height: 64rpx;
							color: #FFFFFF;
						}

						.endaddress {
							height: 44rpx;
							font-weight: 500;
							font-size: 30rpx;
							color: #000000;
							text-align: left;
							margin-left: 10rpx;
						}
					}

					.qiwangbox {
						width: 100%;
						height: 38rpx;
						font-weight: 400;
						font-size: 26rpx;
						color: #FF4F21;
						text-align: left;
						margin-top: 14rpx;
					}

					.stattime {
						width: 100%;
						height: 44rpx;
						font-weight: 400;
						font-size: 30rpx;
						color: #FF4F21;
						text-align: left;
					}

					.endtime {
						width: 100%;
						height: 44rpx;
						font-weight: 400;
						font-size: 30rpx;
						color: #FF4F21;
						text-align: left;
						margin-top: 22rpx;
					}

					.xiangqing {
						width: 100%;
						height: 44rpx;
						font-weight: 400;
						font-size: 30rpx;
						color: #FF4F21;
						text-align: left;
					}
				}

				.bombox {
					width: 100%;
					height: 68rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;

					.leftprice {
						width: 58rpx;
						height: 68rpx;
						font-weight: bold;
						font-size: 46rpx;
						color: #FF4F21;
						text-align: left;
					}

					.jiedan {
						width: 236rpx;
						height: 68rpx;
						background: #FF4F21;
						border-radius: 18rpx 18rpx 18rpx 18rpx;
						text-align: center;
						line-height: 68rpx;
						font-weight: 500;
						font-size: 30rpx;
						color: #FFFFFF;
					}
				}
			}
		}
	}
</style>